基础轮播图 轮播图在手机端和PC网页官网、H5页面是比较常见的组件,今天带领大家一步步实现基础轮播图的效果。同时进行轮播图相关的扩展进行说明。 案例预览 案例教程 进阶轮播图 上一篇文章给大家介绍了基础的轮播制作,适合于大部分,今天带领大家实现进阶的轮播图实现效果。例如轮播进度指示、快速跳转、鼠标移入暂停轮播等。 案例预览 案例教程 上下滚动切换案例 上下滚动切换是APP中常见的交互之一,通过动态的交互,能够更好的引导用户的视觉。常见用途位于搜索栏的信息切换,公告栏的信息切换等等。 案例预览 案例教程 手机端滚动选择器 滑动选择器在手机端是一个比较常见的组件,主要用于多数据情况下的选择。常见用途,时间切换,地理位置选择,多选项切换等等。 案例预览 案例教程 加载进度条 加载进度条在PC端的文件上传、下载,APP端的部分进度展示都是不可缺少的一部分。常用用途,文件上传进度,文件下载进度,页面加载进度等等 案例预览 案例教程 拖动等级调节 拖动调节一般在手机端主要用于快速的数值调节,主要用于音量的调节、播放进度调节、亮度调节等。常见用途,播放器界面,数据可视化调节界面等等 案例预览 案例教程 APP首次引导页 APP更新或用户首次安装APP引导页是必不可少的一部分。可以快速的告知用户APP的核心功能或本次更新的功能介绍是一个APP宣传的与介绍的第一通道。 案例预览 案例教程 穿梭框案例 穿梭框组件是前端框架中常见的一种数据选择方式,可以动态可视化的展示数据的归属。常用于后台管理系统中数据的快速配置,由于可视化的效果凸显友好的交互。 案例预览 案例教程 简单音频播放动效 动态的展示能够形象的吸引眼球,本次案例制作一个音频播放的动效。同理,可以将这种动效运用在视频弹幕,活动弹幕等交互效果中。 案例预览 案例教程 中继器左右交叉时间线 时间线的连续性的展示,可以更加友好的展现发展的时间节点。本文利用中继器实现简单的时间线流程。 案例预览 案例教程